<!--
 * @Description: 
 * @Author: zzj
 * @Date: 2021-10-13 22:14:30
 * @LastEditors: zzj
 * @LastEditTime: 2021-10-13 22:26:02
-->
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>ref</title>
	<script src="https://unpkg.com/vue@next"></script>
</head>
<body>
	<div id="app">
		<!-- {{msg}} -->
		<div ref="container"></div>
	</div>
	<script>
		let ref = Vue.ref;
		let onMounted = Vue.onMounted;
		Vue.createApp({
			data(){
				return {
				msg: "hello"
				}
			},
			setup(props){
				let container = ref(null)
				/*antv
				 await 1.数据  异步函数
				 await 2.渲染视图
				*/
				onMounted(()=>{
					console.log(container.value)
				})
				return {
					container
				}
			}
		}).mount("#app")
	</script>
</body>
</html>